import React, { Component } from 'react';
import FabiaoContainer from './StyledFabiao'
import Choose from './components/Choose/Choose'
import Fanhui from 'images/nav/whiteback.png'
import img1 from 'images/fabiao/img1.png'
import add from 'images/fabiao/add.png'
import aite from 'images/fabiao/aite.png'
import dizhi from 'images/fabiao/dizhi.png'
import enter from 'images/fabiao/enter.png'
import ren from 'images/fabiao/ren.png'

// 头部引入
import Navigation from './components/Navigation/Navigation'

class Fabiao extends Component {
  state = {}
  render() {
    return (
        <FabiaoContainer>
            <Navigation
                backgroundColor='#56D9D1'
                leftImg={Fanhui}
                leftImgWidth='.2rem'
                leftImgHeight='.2rem'
                leftPadding='0 0 0 .095rem'
                clickLeft={() => this.onClickLeft("left")}
                rightTitle="发表"
                rightWidth='.55rem'
                rightHeight='.3rem'
                rightBackgroundColor="#fff"
                rightRadius='.04rem'
                rightMargin='0 .15rem 0 0'
                rightTitleColor='#56D9D1'
                rightTitleSize='.13rem'
                rightPadding='.05rem 0 0 0'
                clickRight={() => this.ClickRight("right")}
                >
                </Navigation>
                <div className="input">
                    <textarea name="" id="" placeholder="这一刻的想法..."></textarea>
                </div>
                <div className="imageContaint">
                  <div className="image">
                    <div><img src={img1} alt=""/></div>
                    <div onClick={this.addImg}><img src={add} alt=""/></div>
                  </div>
                </div>
                <Choose src={dizhi} 
                title="所在位置" 
                leftwidth='.2rem' 
                paddingwidth= '.15rem'
                handleClick={()=>this.chooseClick("所在位置")}>
                </Choose>
                <Choose src={aite} 
                title="提醒谁看" 
                leftwidth='.2rem' 
                paddingwidth= '.15rem'
                handleClick={()=>this.chooseClick("提醒谁看")}>
                </Choose>
                <Choose src={ren} 
                title="谁可以看" 
                leftwidth='.2rem' 
                paddingwidth= '.15rem'
                handleClick={()=>this.chooseClick("谁可以看")}>
                </Choose>

        </FabiaoContainer>
        
    )
  }

  onClickLeft(tag) {
    this.props.history.go(-1)
  }

  ClickRight(){
      console.log("发表")
  }

  chooseClick(tag){
    console.log(tag)
  }

  addImg() {
    console.log("增加图片")
  }
 

}

export default Fabiao;